import React,{memo} from 'react'
import { Tabs, Form, Input,Button } from 'antd';
import type { TabsProps } from 'antd';
function UrlItem(){
  const items: TabsProps['items'] = [
    {
      key: '1',
      label: '音乐',
      icon:<i className="iconfont mt-lianmaiyinleermai"></i>
    },
    {
      key: '2',
      label: '视频',
      icon:<i className="iconfont mt-a-03-shipinguanli"></i>
    },
  ];
  const [form] = Form.useForm();
  const onChange = (key: string) => {
    console.log(key);
  };
  return <>
    <Tabs defaultActiveKey="1" items={items} onChange={onChange} />
    <Form form={form}  name="URL">
      <Form.Item name="URL">
        <Input placeholder="请输入URL链接地址" />
      </Form.Item>
      <Form.Item className="form-But">
        <Button htmlType="submit" type="primary">
          提交
        </Button>
        <Button htmlType="button" style={{ margin: '0 8px' }} >
         取消
        </Button>
      </Form.Item>
    </Form>
  </>
}

export default  memo(UrlItem)
